<template>
    <view>
        <!-- pages/earningsRule/index.wxml -->
        <!-- 头部 -->
        <navber id="head-navber" :navbarData="navbarData"></navber>

        <view class="ear">
            <view class="ear-title">{{ article.title }}</view>
            <view class="ear-content">{{ article.content }}</view>
        </view>
    </view>
</template>

<script>
import navber from '@/components/navber/index';
// pages/article/index.js
const Api = require('../../api/index.js');

export default {
    components: {
        navber
    },
    data() {
        return {
            navbarData: {
                title: '产品知识详情' //顶部标题
            },
            //导航栏
            article: {
                title: '',
                content: ''
            }
        };
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        var id = options.id;

        if (id) {
            var json = {
                id: id
            };
            Api.getArticle(json).then((res) => {
                this.setData({
                    article: res.data
                });
            });
        } else {
            uni.navigateBack();
        }
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {},
    methods: {}
};
</script>
<style>
@import './index.css';
</style>
